سون لرن • آموزش

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک فریم ورک برای درست کردن قالب ایمیل واکنشگرا قرار داده شده و شما میتونین از قدرت اون بهره بگیرید و قالبهای مدنظرتون رو بسازید. این ابزار بر پایه Node.js هست و قابلیت های بسیار زیادی داره. روند کار به این صورته که شما در ابتدا با استفاده از زبان mjml که ساخته شده توسط همین ابزار هست، قالبتون رو تعریف میکنید و در نهایت با استفاده از ابزاری که وجود داره اون رو کامپایل کرده و تبدیل به html میکنید و میتونین از اون برای قالب ایمیل استفاده کنید. در آینده نزدیک احتمال داره که نحوه استفاده از این ابزار رو خدمتتون آموزش بدم.

برای شروع وارد سایت mjml بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Browser in CSS ) جالب رو در اختیارتون بزارم.

همونطور که دیدید ظاهر و رابط کاربری یک مرورگر با استفاده از CSS ساخته شده و تمام امکانات اون شبیه سازی شده. این مرورگر شبیه به مرورگر کروم موجود بر روی سیستم عامل Mac هست. میتونین از این کد ایده گرفته و از اون استفاده کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

سون لرن • آموزش...

به نام خدا، سلام. در این جلسه صفحه پروفایل کاربری رو تکمیل می کنیم. مطالب مطرح شده در این جلسه عبارتند از :

• Linear Layout و attribute های آن
• ساختن رابط کاربری با XML و تشریح اجزای مختلف رابط کاربری
• Edit texts
  • آشنایی با attribute های xml برای EditText
  • اضافه کردن TextWatcher به EditText
• Buttons
  • آشنایی با attribute های xml برای Button
  • کار با Event های کاربردی آن
• Checkbox
  • آشنایی با attribute های xml برای Checkbox
  • کار با Event های کاربردی آن
• Radio Buttons
  • آشنایی با attribute های xml برای Radio button
  • کار با Event های کاربردی آن
• آموزش اضافه کردن فونت به پروژه و آشنایی با کلاس Typeface
  • اعمال کردن فونت های مختلف روی View های Textview, Button, EditText و ...

توضیحات : سیستم عامل اندروید، با بیش از یک میلیارد کاربر در دنیا بالغ بر 70 درصد سهم سیستم عامل های تلفن های همراه را به خود اختصاص داده است. همین موضوع باعث شده تا بازار کاری با پتانسیل بالا برای برنامه نویسی اندروید ایجاد گردد. با توجه به استقبال کاربران و درخواست های مکرر شما دوستان عزیز سعی کردیم دوره ای جامع و کامل را در زمینه برنامه نویسی اندروید برگزار نماییم. در این دوره تمامی مفاهیم مقدماتی تا پیشرفته اندروید را به صورت کاملا پروژه محور آموزش خواهیم داد. پس از گذراندن این دوره می توانید هر برنامه و اپ اندرویدی که می خواهید، با بهترین کیفیت و آخرین تکنولوژی های روز تولید کنید. این دوره طوری طراحی شده که تمام نیازهای بازار کار را پاسخگو می باشد. زبان برنامه نویسی استفاده شده در این دوره جاواست که بهینه ترین، پر سرعت ترین و با کیفیت ترین اپ های اندروید را با آن می توان تولید کرد و گوگل این روش را با آخرین به روزرسانی ها به بهترین شکل پشتیبانی می کند. برای گذراندن این دوره، نیاز به تجربه برنامه نویسی پیشرفته ندارید، ما سعی کردیم اکثر مفاهیم مورد نیاز شما را در جلسات ابتدایی آموزش دهیم. این دوره نیز بر اساس اصل قیمت گذاری منصفانه در سون لرن با هزینه ای بسیار کمتر از آنچه در دوره های حضوری می پردازید در دسترس شما خواهد بود.

سون لرن • آموزش...

در این قسمت میخوام یک کد ( baby ) جالب رو در اختیارتون بزارم.

همونطور که دیدید یک نوزاد جالب با استفاده از CSS و HTML ساخته شده و بصورت انیمشنی نمایش داده شده.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون ابزاری قرار داده شده که با استفاده از اون میتونین برای عکسهای خودتون فیلترهای زیبایی با استفاده از CSS قرار بدین و سایتتون رو زیباتر کنید. در بالای سایتی که لینکشو قرار دادم تعدادی مثال قرار داده شده که با هاور کردن بر روی هر کدام حالت اصلی عکس نمایش داده میشه. در آخر هم طرز استفاده از این ابزار رو گفته و میتونین از اون استفاده کنید.

برای شروع وارد سایت cssco بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Bubble Menu ) جالب رو در اختیارتون بزارم.

همونطور که دیدید یک منوی حبابی و بسیار زیبا ساخته شده و قرار گرفته و زمانی که بر روی اون هاور میکنید بصورت بسیار زیبا از هم جدا میشن و زیر هم قرار میگیرن و دوباره با بیرون بردن ماوس از روی اونا، سر جای اولشون بر میگردن.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ویرایشگر قدرتمند متن برای کتابخانه React رو معرفی کرده و میتونین با استفاده از این ابزار محبوب و قوی، ویرایشگری رو در سایتتون قرار بدین که خیلی بهینه و عالی، متونی که کاربرانتون میخان رو درونش قرار بدن و در سایتتون انتشار بدن. این ویرایشگر پشتیبانی خوبی از مرورگرها داره و همچنین میتونین دستکاری های زیادی در اون انجام بدین تا متناسب با طرح و قابلیت های سایتتون بشه.

برای شروع وارد سایت draft-js بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .
.

سون لرن • آموزش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار قرار داده شده که با استفاده از اون میتونین کدهای CSS رو درون کدهای Javascript بنویسید و استایل صفحه رو تغییر بدین. به این صورت دیگه میتونین از قدرت محاسبه Javascript استفاده کنید و متناسب با شرایط کدهای CSS مختلفی رو اجرا کنید. این کدها میتونن در لحظه عوض بشن و کارای جالبی رو برای شما انجام بدن. این ابزار تقریبا کاری همانند preprocessor مثل sass رو برای شما انجام میده.

برای شروع وارد سایت descartes بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

- - , .
.

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Cog loading animation ) جالب رو در اختیارتون بزارم.

همونطور که دیدید یک لودینگ بسیار زیبا و بصورت چرخ دنده ساخته شده و قرار گرفته. این کار با استفاده از CSS صورت گرفته و میتونین از اون در سایت خودتون استفاده کنید و یا تغییراتی در اون بوجود بیارید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .
.

سون لرن • آموزش...

در این قسمت میخوام یک کد ( Author Quote ) جالب رو در اختیارتون بزارم.

همونطور که دیدید استایلی زیبا و حرفه ای برای نقل قولها قرار داده شده و شما میتونین از اون ایده گرفته و در سایتتون از اون استفاده کنید. با کلیک بر روی > و < میتونین به بعدی و قبلی برید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

- - , .
.

سون لرن • آموزش...